<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>全屏视频背景着陆页</title>
    <link rel="stylesheet" href="./style.css">
</head>
<body>
    <section class="showcase">
        <div class="video-container">
            <video src="./video.mp4" autoplay muted loop></video>
        </div>
        <div class="content">
            <h1>一次只做一件事，做到最好！</h1>
            <h2>Do one thing at a time, and do well.</h2>
            <a href="#about" class="btn">查看更多</a>
        </div>
    </section>

    <section id="about">
        <h1>页面介绍</h1>
        <h2>这是一个简单的着陆页，用视频做为背景</h2>
        <div class="social">
            <a href="#"><i class="fa fa-weibo"></i> 微博</a>
            <a href="#"><i class="fa fa-weixin"></i> 微信</a>
            <a href="#"><i class="fa fa-qq"></i> QQ</a>
            <a href="#"><i class="fa fa-github"></i> Github</a>
        </div>
    </section>
</body>
</html>